<script setup>
import { introApi } from "@/services/index";
import { onLoad, onShow } from "@dcloudio/uni-app";
import { nextTick, ref, watch, onMounted } from "vue";
import { appInfo, loginSwitch } from "@/services/user";
import topNav from "../../components/topNav.vue";
import code from "@/static/cashier/code.png";
import sand from "@/static/cashier/sand.png";
import num from "@/static/cashier/num.png";

onLoad((e) => {});
</script>

<template>
  <view class="bg">
    <up-navbar
      bgColor="#178DFE"
      @rightClick="rightClick"
      :autoBack="true"
      :safeAreaInsetTop="true"
      :fixed="true"
      :placeholder="true"
      :leftText="'返回'"
      leftIconColor="#fff"
    >
      <template #right> </template>
      <template #center>
        <text
          class="text-white"
          style="
            font-weight: 500;
            font-size: 34rpx;
            color: #ffffff;
            line-height: 48rpx;
            text-align: center;
          "
          >二维码收款</text
        ></template
      >
    </up-navbar>

    <view class="code-content">
      <view class="code-title"> 订单编号：246941368461 </view>
      <view class="code-shop"> 睦邻益购 </view>
      <view class="code-price">￥100.00</view>
      <view class="code-img">
        <image :src="code" mode="aspectFill" />
      </view>
      <view class="code-text"> 扫码向我付款 </view>
      <view class="select-pay">
        <up-button
          class="select-pay-bt"
          type="primary"
          text="更换支付方式"
        ></up-button>
      </view>
      <view class="pay-to">
        <up-button class="pay-to-bt" type="primary" text="继续收银"></up-button>
      </view>
      <!-- <view class="code-text"> 扫码向我付款 </view>
      <view class="code-text"> 请勿重复扫码 </view>
      <view class="code-text"> 请勿重复扫码 </view> -->
    </view>
  </view>
</template>

<style lang="scss" scoped>
@import "index.scss";
</style>
